@import "_reset";

.web{
    width: 1920px;
    margin: 0 auto;
}

// 顶部大图
.top-img{
    margin: 0 auto;
    width: 1920px;
    height: 683px;
    margin-bottom: 72px;
    img{
        width: 100%;
        height: 100%;
        
    }
}
// 页脚橘色
.footer{
    width: 1920px;
    height: 76px;
   background-color:#bd9c6f ;
}
// 主体部分

// 门槛卷
.threshold{
    margin: 0 auto;
    margin-bottom: 104px;
    width: 1016px;
	height: 196px;
    border: solid 4px #b78b55;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    // 分级抵值卷
    .counterweight{
        width: 166px;
	    height: 116px;
        display: flex;
        justify-content: space-between;
        // money无门槛卷
        .money-box{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            // 上半部分
            .money-top-box{
                width: 110px;
                display: flex;
                justify-content: space-between;   
                .free-text{
                    display: flex;
                    align-items: flex-end;
                }
                // 针对双数的数字图
                .double-jpg{
                    width: 73px;
                    height: 59px;
                    margin-right: 15px;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
            }

            // 下半部分
            .money-bottom-box{
                height: 45px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                // 点击领取
            .take-button{
                margin: 0 auto;
                width: 85px;
                height: 20px;
                background-color: #f46a70;
                text-align: center;
                    span{
                    font-size: 14px;
                    color:#ffffff;
                    
                    }
                }  
            }
           
        }
        // 右边斜线部分
        .slash{
            width: 31px;
	        height: 116px;
        }
    
    }
    // 30元（特殊处理）
    .counterweight-30{
        
        width: 110px;
	    height: 116px;
        display: flex;
        justify-content: space-between;
        // money无门槛卷
        .money-box{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            // 上半部分
            .money-top-box{
                width: 110px;
                display: flex;
                justify-content: space-between;   
                .free-text{
                    display: flex;
                    align-items: flex-end;
                }
                // 针对双数的数字图
                .double-jpg{
                    width: 73px;
                    height: 59px;
                    margin-right: 15px;
                    img{
                        height: 100%;
                        width: 100%;
                    }
                }
            }

            // 下半部分
            .money-bottom-box{
                height: 45px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                // 点击领取
            .take-button{
                margin: 0 auto;
                width: 85px;
                height: 20px;
                background-color: #f46a70;
                text-align: center;
                    span{
                    font-size: 14px;
                    color:#ffffff;
                    
                    }
                }  
            }
           
        }
        // 右边斜线部分
        .slash{
            width: 31px;
	        height: 116px;
        }
    
    }


}

// 流行趋势标题
.popular-text{
    margin: 0 auto;
    width: 710px;
    text-align: center;
    margin-bottom: 85px;

    h3{
        margin-bottom: 17px;
        // 时尚潮流款
        .fashion{
            color: #b0822b;
            font-size: 61px;
            margin-right: 37px;
        }

        // 流行趋势
        .popular{
            font-size: 87px;
        }

    }
    // 大写
    .CAPS{
        color: #b4b3bd;
        font-size: 54px;
    }


}

// 商品例图

.shop-box{
    width: 1150px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;

    // 例图盒子
    .sample-box{
        display: flex;
        justify-content: space-between;
        margin-bottom: 83px;
        // 商品图片
        // .sample-jpg{

        // }
    
        // 商品介绍文字
        .sample-text{
            width: 317px;
            display: flex;
            flex-direction: column;
            text-align: right;
            
            .span{
                font-size: 18px;
                margin-bottom: 52px;
            }

            // 带有下划线的标题文字
            .sofa-text{
                width: 100%;
                height: 50px;
                text-align: right;
                border-bottom: 1px solid #7d7d7d;
                margin-bottom: 10px;
                span{
                    font-size: 30px;
                }
            }

            // 进口白橡木材质
            .yellow{
                text-align: right;
                margin-bottom: 28px;
                span{
                    color: #bd9c6f;
                    font-size: 44px;
                }
            }
            //  圆形盒子
            .circle-box{
                display: flex;
                justify-content: space-evenly;
                margin-bottom: 25px;

                // 圆
                .circle{
                    width: 71px;
	                height: 71px;
                    border-radius: 40px;
	                border: solid 1px #7d7d7d;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    span{
                        font-size: 18px;
                    }

                    

                }
            }

            // 立即抢购

            .buy-now{
                
                display: flex;
                align-items: flex-end;
                justify-content: flex-end;
                // 抢购按钮
                // 伪元素外框
                .content-botton{
                    margin-left: 33px;
                    width: 105px;
                    height: 43px;
                     &::before{
                        content: "";
                        display: inline-block;
                        position: relative;
                        top: 0;
                        right:-13px;
                        width: 23px;
                        height: 4px;
                        border-top: 4px solid #f26b6e;
                    }
                    &::after{
                        content: "";
                        display: inline-block;
                        position: relative;
                        top: -35px;
                        right:-13px;
                        width: 4px;
                        height: 23px;
                        border-right: 4px solid #f26b6e;
                    }

                    .buy-botton{
                        width: 105px;
                        height: 26px;
                        
                        background-color: #f26b6e;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        span{
                            color: #ffffff;
                        }
                 


                }

               
                   
    
                }
               
            }

    
        } 
    }

   
  


}


// 热销爆款标题


.title-box{
    width: 550px;
	height: 84px;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    margin-bottom: 30px;
    background-image: url(../images/热销爆款.png);
    background-repeat: no-repeat;
    background-position:10px;
 


    .line-box{
        height: 77px;
        width: 140px;
      border-left: 2px solid #010101;
      border-right: 2px solid #010101;
       
    }
    .line-box-none{
        height: 77px;
        width: 140px;
      border-right: 2px solid #010101;
    }
    .line-box-l{
        height: 77px;
        width: 140px;
    }
    .line-box-r{
        height: 77px;
        width: 112px;
    }


}


//  多行商品图
// 背景盒子

.background-box{
    width: 1920px;
	height: 1144px;
    background-color:  #ebe3d6;
    overflow: hidden;
    margin-bottom: 66px;
    // 多行桌子商品盒子
    .flex-warp{
        display: flex;
        flex-wrap: wrap;
        
        margin: 0 auto;
        height: 991px;
        width: 1085px;
        margin-top: 72px;

        // 商品图加文字
        .shop-text{
            margin-right: 94px;
            // 桌子图片
            .table-jpg{
                width: 267px;
                height: 282px;
                margin-bottom: 18px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            // 下半部分文字内容
            .buttom-text{
                width: 260px;
	            height: 176px;
                text-align: center;
                // 带下划线字体
                .table-text{
                    width: 260px;
                    height: 33px;
                    margin-bottom: 3px;
                    text-align: center;
                    border-bottom: 1px solid #7d7d7d;
                    span{
                        font-size: 24px;
                    }
                }
                .table-yellow{
                    font-size: 33px;
                    color: #bd9c6f;
                    
                }
                // 抢购按钮
                .buy-now{
                    margin-top: 58px;
                    display: flex;
                    align-items: flex-end;
                    .content-botton{
                        margin-left: 33px;
                        width: 105px;
                        height: 43px;
                        &::before{
                            content: "";
                            display: inline-block;
                            position: relative;
                            top: 0;
                            right:-50px;
                            width: 23px;
                            height: 4px;
                            border-top: 4px solid #f26b6e;
                        }
                        &::after{
                            content: "";
                            display: inline-block;
                            position: relative;
                            top: -35px;
                            right:-60px;
                            width: 4px;
                            height: 23px;
                            border-right: 4px solid #f26b6e;
                        }
                        .buy-botton{
                            width: 105px;
                            height: 26px;
                            
                            background-color: #f26b6e;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            span{
                                color: #ffffff;
                            }
                     
    
    
                    }

                    }

                }
                
            }
        }
        
       


    }
}

// 布艺沙发

.fabric-sofa-box{
            width: 1130px;;
            display: flex;
            margin: 0 auto;
        .table-jpg{
            width: 581px;
	        height: 570px;
            img{
                height: 100%;
                width: 100%;
            }
            
        }

         // 右边文字盒子
         .right-text-box{
            margin-left: 25px;
            display: flex;
            flex-direction: column;
            align-items: center;
            .title-yellow{
                margin-bottom: 31px;
                span{
                    font-size: 38px;
                    color: #ad7c31;
                    &:nth-child(2){
                        font-size: 33px;
                    }
                }
            }
            .span-text{
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-bottom: 46px;
                span{
                    font-size: 15px;
                    color: #c2b197;
                }
            }
            .price{
                del{
                    font-size: 18px;
                    color: #896b4c;
                }
                span{
                    font-size: 23px;
                    color:  #d6353b;
                }
            }


        }
        // 脱离文档流的图片
            .escape-jpg-sofa{
                
                position: relative;
                top: 131px;
                left: -64px;
            }
            .escape-jpg-lamp{
               
                position: relative;
                top:-334px;
                left: 310px;
            }


}


// 布艺沙发下半
.fabric-sofa-box-buttom{
    width: 1130px;;
    display: flex;
    margin: 0 auto;
    margin-bottom: 130px;

    .table-jpg{
        width: 576px;
        height: 411px;
        img{
            height: 100%;
            width: 100%;
        }
        
    }

     // 右边文字盒子
     .right-text-box{
        margin-top: 25px;
        margin-right: 110px;
        display: flex;
        flex-direction: column;
        align-items: center;
        .title-yellow{
            margin-bottom: 31px;
            span{
                font-size: 38px;
                color: #ad7c31;
                &:nth-child(2){
                    font-size: 33px;
                }
            }
        }
        .span-text{
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 46px;
            span{
                font-size: 15px;
                color: #c2b197;
            }
        }
        .price{
            del{
                font-size: 18px;
                color: #896b4c;
            }
            span{
                font-size: 23px;
                color:  #d6353b;
            }
        }


    }
    // 脱离文档流的图片
        .escape-jpg-sofa{
            
            position: relative;
            top: -13px;
            left: 164px;
        }
        .escape-jpg-lamp{
           
            position: relative;
            top: -364px;
            left: -250px;

        }
}

// 底部小椅子
.buttom-table{
        display: flex;
        margin-bottom: 20px;
        justify-content: center;

        .table{
            width: 325px;
	        height: 326px;
            background-color: #e4dace;
            margin-right: 11px;
            .table-jpg{
                margin: 0 auto;
                width: 265px;
	            height: 216px;
                margin-bottom: 20px;
                img{
                    height: 100%;
                    width: 100%;
                }
            }
            h3{
                text-align: center;
                font-size: 26px;
                color: #ad7c31;
                del{
                    font-size: 12px;
                    color: #896b4c;
                }
                span{
                    font-size: 15px;
                    color: #d6353b;
                }
            }

        }




}
